import { Vue, Component, Provide } from 'vue-property-decorator';
import './login.less';

@Component({})
export default class Login extends Vue {

    @Provide()
    private userName: string = '';

    @Provide()
    private password: string = '';

    public render() {
        return (
            <ion-content>
                <ion-header>
                    <ion-toolbar>
                        <ion-title>登录</ion-title>
                    </ion-toolbar>
                </ion-header>
                <ion-content>
                    <ion-item>
                        <ion-label position="stacked">用户名：</ion-label>
                        <ion-input v-model={this.userName}></ion-input>
                    </ion-item>
                    <ion-item>
                        <ion-label position="stacked">密码：</ion-label>
                        <ion-input type="password" v-model={this.password}></ion-input>
                    </ion-item>
                    <ion-button class="login-btn" expand="full" >登录</ion-button>
                </ion-content>
            </ion-content>
        );
    }
}